<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开关</title>
    <link rel="stylesheet" href="./view/开关/styles.css">
</head>
<body>
<!-- 开关 Unnamed (Rectangle) -->
<div id="u4256" class="ax_default heading_1">
    <div id="u4256_div" class=""></div>
    <div id="u4256_text" class="text ">
        <p><span>Switch 开关</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4257" class="ax_default heading_1">
    <div id="u4257_div" class=""></div>
    <div id="u4257_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4258" class="ax_default label">
    <div id="u4258_div" class=""></div>
    <div id="u4258_text" class="text ">
        <p><span>在两种状态间切换时用到的开关选择器。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4259" class="ax_default label">
    <div id="u4259_div" class=""></div>
    <div id="u4259_text" class="text ">
        <p><span>基础样式</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4260" class="ax_default label">
    <div id="u4260_div" class=""></div>
    <div id="u4260_text" class="text ">
        <p><span>基于交互样式做的实现，调整大小的时候更方便</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4261" class="ax_default" data-left="230" data-top="342" data-width="44" data-height="22">

    <!-- Unnamed (Rectangle) -->
    <div id="u4262" class="ax_default box_1">
        <div id="u4262_div" class=""></div>
        <div id="u4262_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4263" class="ax_default ellipse">
        <img id="u4263_img" class="img " src="assets/images/单元格/u2141.svg"/>
        <div id="u4263_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4264" class="ax_default ellipse">
        <img id="u4264_img" class="img " src="assets/images/开关/u4263_selected.svg"/>
        <div id="u4264_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4265" class="ax_default" data-left="284" data-top="342" data-width="44" data-height="22">

    <!-- Unnamed (Rectangle) -->
    <div id="u4266" class="ax_default box_1 selected">
        <div id="u4266_div" class="selected"></div>
        <div id="u4266_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4267" class="ax_default ellipse selected">
        <img id="u4267_img" class="img " src="assets/images/开关/u4263_selected.svg"/>
        <div id="u4267_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4268" class="ax_default ellipse selected">
        <img id="u4268_img" class="img " src="assets/images/单元格/u2141.svg"/>
        <div id="u4268_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4269" class="ax_default" data-left="338" data-top="342" data-width="44" data-height="22">

    <!-- Unnamed (Rectangle) -->
    <div id="u4270" class="ax_default box_1 disabled">
        <div id="u4270_div" class="disabled"></div>
        <div id="u4270_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4271" class="ax_default ellipse disabled">
        <img id="u4271_img" class="img " src="assets/images/单元格/u2141.svg"/>
        <div id="u4271_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4272" class="ax_default ellipse disabled">
        <img id="u4272_img" class="img " src="assets/images/开关/u4263_selected.svg"/>
        <div id="u4272_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4273" class="ax_default" data-left="230" data-top="424" data-width="56" data-height="22">

    <!-- Unnamed (Rectangle) -->
    <div id="u4274" class="ax_default box_1">
        <div id="u4274_div" class=""></div>
        <div id="u4274_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4275" class="ax_default ellipse">
        <img id="u4275_img" class="img " src="assets/images/单元格/u2141.svg"/>
        <div id="u4275_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4276" class="ax_default ellipse">
        <img id="u4276_img" class="img " src="assets/images/开关/u4263_selected.svg"/>
        <div id="u4276_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4277" class="ax_default" data-left="296" data-top="424" data-width="44" data-height="22">

    <!-- Unnamed (Rectangle) -->
    <div id="u4278" class="ax_default box_1">
        <div id="u4278_div" class=""></div>
        <div id="u4278_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4279" class="ax_default ellipse">
        <img id="u4279_img" class="img " src="assets/images/单元格/u2141.svg"/>
        <div id="u4279_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4280" class="ax_default ellipse">
        <img id="u4280_img" class="img " src="assets/images/开关/u4263_selected.svg"/>
        <div id="u4280_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4281" class="ax_default" data-left="350" data-top="427" data-width="28" data-height="16">

    <!-- Unnamed (Rectangle) -->
    <div id="u4282" class="ax_default box_1">
        <div id="u4282_div" class=""></div>
        <div id="u4282_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4283" class="ax_default ellipse">
        <img id="u4283_img" class="img " src="assets/images/开关/u4283.svg"/>
        <div id="u4283_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u4284" class="ax_default ellipse">
        <img id="u4284_img" class="img " src="assets/images/开关/u4283_selected.svg"/>
        <div id="u4284_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4285" class="ax_default label">
    <div id="u4285_div" class=""></div>
    <div id="u4285_text" class="text ">
        <p><span>尺寸</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4286" class="ax_default label">
    <div id="u4286_div" class=""></div>
    <div id="u4286_text" class="text ">
        <p><span>文字和图标</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4287" class="ax_default label">
    <div id="u4287_div" class=""></div>
    <div id="u4287_text" class="text ">
        <p><span>增加文字后，使用动态面板实现更方便修改和维护</span></p>
    </div>
</div>

<!-- Unnamed (Dynamic Panel) -->
<div id="u4288" class="ax_default">
    <div id="u4288_state0" class="panel_state" data-label="off" style="">
        <div id="u4288_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4289" class="ax_default box_1">
                <div id="u4289_div" class=""></div>
                <div id="u4289_text" class="text ">
                    <p><span>关</span></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4290" class="ax_default ellipse">
                <img id="u4290_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4290_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u4288_state1" class="panel_state" data-label="on" style="visibility: hidden;">
        <div id="u4288_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4291" class="ax_default box_1">
                <div id="u4291_div" class=""></div>
                <div id="u4291_text" class="text ">
                    <p><span>开</span></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4292" class="ax_default ellipse">
                <img id="u4292_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4292_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Dynamic Panel) -->
<div id="u4293" class="ax_default">
    <div id="u4293_state0" class="panel_state" data-label="off" style="">
        <div id="u4293_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4294" class="ax_default box_1">
                <div id="u4294_div" class=""></div>
                <div id="u4294_text" class="text ">
                    <p><span></span></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4295" class="ax_default ellipse">
                <img id="u4295_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4295_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u4293_state1" class="panel_state" data-label="on" style="visibility: hidden;">
        <div id="u4293_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4296" class="ax_default box_1">
                <div id="u4296_div" class=""></div>
                <div id="u4296_text" class="text ">
                    <p><span></span></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4297" class="ax_default ellipse">
                <img id="u4297_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4297_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Dynamic Panel) -->
<div id="u4298" class="ax_default">
    <div id="u4298_state0" class="panel_state" data-label="off" style="">
        <div id="u4298_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4299" class="ax_default box_1">
                <div id="u4299_div" class=""></div>
                <div id="u4299_text" class="text ">
                    <p><span>关闭</span></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4300" class="ax_default ellipse">
                <img id="u4300_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4300_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u4298_state1" class="panel_state" data-label="on" style="visibility: hidden;">
        <div id="u4298_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4301" class="ax_default box_1">
                <div id="u4301_div" class=""></div>
                <div id="u4301_text" class="text ">
                    <p><span>开启</span></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4302" class="ax_default ellipse">
                <img id="u4302_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4302_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Dynamic Panel) -->
<div id="u4303" class="ax_default">
    <div id="u4303_state0" class="panel_state" data-label="off" style="">
        <div id="u4303_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4304" class="ax_default box_1">
                <div id="u4304_div" class=""></div>
                <div id="u4304_text" class="text ">
                    <p><span>OFF</span></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4305" class="ax_default ellipse">
                <img id="u4305_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4305_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u4303_state1" class="panel_state" data-label="on" style="visibility: hidden;">
        <div id="u4303_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4306" class="ax_default box_1">
                <div id="u4306_div" class=""></div>
                <div id="u4306_text" class="text ">
                    <p><span>ON</span></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4307" class="ax_default ellipse">
                <img id="u4307_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4307_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4308" class="ax_default label">
    <div id="u4308_div" class=""></div>
    <div id="u4308_text" class="text ">
        <p><span>加载中</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4309" class="ax_default label">
    <div id="u4309_div" class=""></div>
    <div id="u4309_text" class="text ">
        <p><span>标识开关操作仍在执行中，基于动态面板实现加载中动画。</span></p>
    </div>
</div>

<!-- Unnamed (Dynamic Panel) -->
<div id="u4310" class="ax_default">
    <div id="u4310_state0" class="panel_state" data-label="off" style="">
        <div id="u4310_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u4311" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

                <!-- Unnamed (Rectangle) -->
                <div id="u4312" class="ax_default box_1">
                    <div id="u4312_div" class=""></div>
                    <div id="u4312_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4313" class="ax_default ellipse">
                    <img id="u4313_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4313_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="u4310_state1" class="panel_state" data-label="off-loading" style="visibility: hidden;">
        <div id="u4310_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4314" class="ax_default box_1">
                <img id="u4314_img" class="img " src="assets/images/开关/u4314.svg"/>
                <div id="u4314_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- off-icon (Group) -->
            <div id="u4315" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

                <!-- Unnamed (Ellipse) -->
                <div id="u4316" class="ax_default ellipse">
                    <img id="u4316_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4316_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Pie Chart) -->
                <div id="u4317" class="ax_default ellipse">
                    <img id="u4317_img" class="img " src="assets/images/开关/u4317.svg"/>
                    <div id="u4317_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4318" class="ax_default ellipse">
                    <img id="u4318_img" class="img " src="assets/images/单选框/u3930.svg"/>
                    <div id="u4318_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="u4310_state2" class="panel_state" data-label="on" style="visibility: hidden;">
        <div id="u4310_state2_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4319" class="ax_default box_1">
                <div id="u4319_div" class=""></div>
                <div id="u4319_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4320" class="ax_default ellipse">
                <img id="u4320_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4320_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u4310_state3" class="panel_state" data-label="on-loading" style="visibility: hidden;">
        <div id="u4310_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4321" class="ax_default box_1">
                <img id="u4321_img" class="img " src="assets/images/开关/u4321.svg"/>
                <div id="u4321_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- on-icon (Group) -->
            <div id="u4322" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

                <!-- Unnamed (Ellipse) -->
                <div id="u4323" class="ax_default ellipse">
                    <img id="u4323_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4323_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Pie Chart) -->
                <div id="u4324" class="ax_default ellipse">
                    <img id="u4324_img" class="img " src="assets/images/开关/u4317.svg"/>
                    <div id="u4324_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4325" class="ax_default ellipse">
                    <img id="u4325_img" class="img " src="assets/images/单选框/u3930.svg"/>
                    <div id="u4325_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Dynamic Panel) -->
<div id="u4326" class="ax_default">
    <div id="u4326_state0" class="panel_state" data-label="on-loading" style="">
        <div id="u4326_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4327" class="ax_default box_1">
                <img id="u4327_img" class="img " src="assets/images/开关/u4321.svg"/>
                <div id="u4327_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- on-icon (Group) -->
            <div id="u4328" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

                <!-- Unnamed (Ellipse) -->
                <div id="u4329" class="ax_default ellipse">
                    <img id="u4329_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4329_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Pie Chart) -->
                <div id="u4330" class="ax_default ellipse">
                    <img id="u4330_img" class="img " src="assets/images/开关/u4317.svg"/>
                    <div id="u4330_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4331" class="ax_default ellipse">
                    <img id="u4331_img" class="img " src="assets/images/单选框/u3930.svg"/>
                    <div id="u4331_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="u4326_state1" class="panel_state" data-label="off-loading" style="visibility: hidden;">
        <div id="u4326_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4332" class="ax_default box_1">
                <img id="u4332_img" class="img " src="assets/images/开关/u4314.svg"/>
                <div id="u4332_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- off-icon (Group) -->
            <div id="u4333" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

                <!-- Unnamed (Ellipse) -->
                <div id="u4334" class="ax_default ellipse">
                    <img id="u4334_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4334_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Pie Chart) -->
                <div id="u4335" class="ax_default ellipse">
                    <img id="u4335_img" class="img " src="assets/images/开关/u4317.svg"/>
                    <div id="u4335_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4336" class="ax_default ellipse">
                    <img id="u4336_img" class="img " src="assets/images/单选框/u3930.svg"/>
                    <div id="u4336_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="u4326_state2" class="panel_state" data-label="off" style="visibility: hidden;">
        <div id="u4326_state2_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u4337" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

                <!-- Unnamed (Rectangle) -->
                <div id="u4338" class="ax_default box_1">
                    <div id="u4338_div" class=""></div>
                    <div id="u4338_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4339" class="ax_default ellipse">
                    <img id="u4339_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4339_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="u4326_state3" class="panel_state" data-label="on" style="visibility: hidden;">
        <div id="u4326_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4340" class="ax_default box_1">
                <div id="u4340_div" class=""></div>
                <div id="u4340_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4341" class="ax_default ellipse">
                <img id="u4341_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4341_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Dynamic Panel) -->
<div id="u4342" class="ax_default">
    <div id="u4342_state0" class="panel_state" data-label="off-loading" style="">
        <div id="u4342_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4343" class="ax_default box_1">
                <img id="u4343_img" class="img " src="assets/images/开关/u4314.svg"/>
                <div id="u4343_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- off-icon (Group) -->
            <div id="u4344" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

                <!-- Unnamed (Ellipse) -->
                <div id="u4345" class="ax_default ellipse">
                    <img id="u4345_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4345_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Pie Chart) -->
                <div id="u4346" class="ax_default ellipse">
                    <img id="u4346_img" class="img " src="assets/images/开关/u4317.svg"/>
                    <div id="u4346_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4347" class="ax_default ellipse">
                    <img id="u4347_img" class="img " src="assets/images/单选框/u3930.svg"/>
                    <div id="u4347_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="u4342_state1" class="panel_state" data-label="on-loading" style="visibility: hidden;">
        <div id="u4342_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4348" class="ax_default box_1">
                <img id="u4348_img" class="img " src="assets/images/开关/u4321.svg"/>
                <div id="u4348_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- on-icon (Group) -->
            <div id="u4349" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

                <!-- Unnamed (Ellipse) -->
                <div id="u4350" class="ax_default ellipse">
                    <img id="u4350_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4350_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Pie Chart) -->
                <div id="u4351" class="ax_default ellipse">
                    <img id="u4351_img" class="img " src="assets/images/开关/u4317.svg"/>
                    <div id="u4351_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4352" class="ax_default ellipse">
                    <img id="u4352_img" class="img " src="assets/images/单选框/u3930.svg"/>
                    <div id="u4352_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="u4342_state2" class="panel_state" data-label="off" style="visibility: hidden;">
        <div id="u4342_state2_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u4353" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

                <!-- Unnamed (Rectangle) -->
                <div id="u4354" class="ax_default box_1">
                    <div id="u4354_div" class=""></div>
                    <div id="u4354_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u4355" class="ax_default ellipse">
                    <img id="u4355_img" class="img " src="assets/images/单元格/u2141.svg"/>
                    <div id="u4355_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="u4342_state3" class="panel_state" data-label="on" style="visibility: hidden;">
        <div id="u4342_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4356" class="ax_default box_1">
                <div id="u4356_div" class=""></div>
                <div id="u4356_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4357" class="ax_default ellipse">
                <img id="u4357_img" class="img " src="assets/images/单元格/u2141.svg"/>
                <div id="u4357_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4358" class="ax_default label">
    <div id="u4358_div" class=""></div>
    <div id="u4358_text" class="text ">
        <p><span>&#149; 无动效</span></p>
    </div>
</div>
</body>
</html>
